/* CSS Document */


/*-----首页-------*/

.index_head{ width:100%; height:auto; margin:0 auto; position:relative; z-index:1000; margin-top:-944px;}
.index_head ul{ width:100%; height:auto; margin:0 auto;}
.index_head ul li{ float:left; width:auto; height:auto; overflow:hidden;}
.index_head1{ width:100%; height:106px; margin:0 auto; overflow:hidden;}
.index_head1 ul{ width:100%; height:106px; margin:0 auto;}
.index_head1 ul li{ float:left; width:auto; height:106px;}

@media screen and (min-width: 1681px) { 
.index_banner{ width:100%; height:945px; margin:0 auto; overflow:hidden; position:relative; z-index:1;}
.index_banner1{ width:100%; height:350px; margin:0 auto; overflow:hidden;}
.index_banner1 img{ width:100%; }

.index_banner2{ width:100%; height:550px; margin:0 auto; overflow:hidden;}
.index_banner2 img{ width:100%; margin-top:-50px; }

} 
/* css注释：设置了浏览器宽度不小于1201px时 abc 显示1200px宽度 */ 

@media screen and (max-width: 1680px) { 
.index_banner{ width:100%; height:845px; margin:0 auto; overflow:hidden; position:relative; z-index:1;}
.index_banner1{ width:100%; height:329px; margin:0 auto; overflow:hidden;}
.index_banner1 img{ width:100%; }

.index_banner2{ width:100%; height:529px; margin:0 auto; overflow:hidden;}
.index_banner2 img{ width:100%; margin-top:-50px;}

} 
/* 设置了浏览器宽度不大于1680px时 abc 显示900px宽度 */ 

@media screen and (max-width: 1201px) { 
.index_banner{ width:100%; height:745px; margin:0 auto; overflow:hidden; position:relative; z-index:1;}
.index_banner1{ width:100%; height:310px; margin:0 auto; overflow:hidden;}
.index_banner1 img{ width:100%; }

.index_banner2{ width:100%; height:500px; margin:0 auto; overflow:hidden;}
.index_banner2 img{ width:100%;  margin-top:-40px;}

} 




.index_search{ float:right; width:auto; height:24px; margin-top:20px;}
.index_search ul{ float:left; width:auto; height:24px;}
.index_search ul li{ float:left; width:auto; height:24px; line-height:24px;}

.index_content{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.index_content ul{ width:100%; height:auto; margin:0 auto;}
.index_content ul li{ float:left; width:auto; height:auto; overflow:hidden;}



.sub_content{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.sub_content ul{ width:1400px; height:auto; margin:0 auto;}
.sub_content ul li{ float:left; width:1400px; height:auto; overflow:hidden;}

.index_news{ float:left; width:650px; height:auto; margin-top:40px;}
.index_news ul{ float:left; width:650px; height:auto;}
.index_news ul li{ float:left; width:650px; height:auto;}
.index_news_list{ float:left; width:558px; height:auto; margin-top:40px; margin-left:60px;}
.index_news_list ul{ float:left; width:558px; height:auto;}
.index_news_list ul li{ float:left; width:558px; height:auto;}

.index_icon{ float:left; width:221px; height:auto; margin-top:10px; margin-left:20px;}


.news{ float:left; width:100%; height:auto; border-bottom:#e6e6e6 1px solid; margin-top:30px; padding-bottom:30px;}
.news ul{ float:left; width:100%; height:auto;}
.news ul li{ float:left; width:auto; height:auto;}



.index_bottom{ width:100%; height:126px; margin:0 auto; background:#25242a; overflow:hidden;}
.index_bottom ul{ width:auto; height:100px; margin:0 auto;}
.index_bottom ul li{ float:left; width:auto; height:auto; margin:0 auto;}


.sec_nav{ float:right; width:auto; height:106px; display:inline-block;}
.sec_nav ul{ float:left; width:auto; height:106px;}
.sec_nav ul li{ float:left; width:auto; height:106px; margin-left:53px;}
.sec_nav ul li a{ float:left; width:auto; height:106px; font-family:"微软雅黑"; font-size:16px; color:#333; line-height:106px;}
.sec_nav ul li a:hover{ color:#d5ac59;}
#sec_nav_current{ color:#d5ac59;}

.ry{ float:left; width:1400px; height:auto;}
.ry ul{ float:left; width:1400px; height:auto;}
.ry ul li{ float:left; width:424px; height:343px; margin:21px 21px;-webkit-box-shadow: 2px 2px 4px #999;  -moz-box-shadow: 2px 2px 4px #999;  box-shadow: 2px 2px 4px #999;}
.ry ul li img{ float:left; background:#f9f4ec;}
.ry ul li span{ float:left; width:424px; height:60px; font-family:"微软雅黑"; color:#333; font-size:16px; line-height:60px; background:#f9f4ec; text-align:center;}
.ry ul li a:hover{ color:#dfb967;}

.gszz{ float:left ;width:1140px; height:auto;}
.gszz ul{ float:left; width:1140px; height:auto;}
.gszz ul li{ float:left; width:342px; height:auto; text-align:center; margin:10px 19px;}
.gszz ul li img{border:#e6e6e6 1px solid;-webkit-box-shadow: 3px 3px 6px #999;  -moz-box-shadow: 3px 3px 6px #999;  box-shadow: 3px 3px 6px #999;}

.qyyw{ float:left; width:1400px; height:auto; border-bottom:#eeeeee 1px solid; padding:35px 0px;}
.qyyw ul{ float:left; width:1400px; height:auto;}
.qyyw ul li{ float:left; width:auto; height:auto;}

.tzgg{ float:left; width:1400px; height:auto;}
.tzgg ul{ float:left; width:1400px; height:auto;}
.tzgg ul li{ float:left; width:1400px; height:56px; border-bottom:#dbdada 1px dashed;}
.tzgg ul li a{ float:left; width:auto; height:56px; font-family:"微软雅黑"; font-size:18px; color:#333; line-height:56px;}
.tzgg ul li a:hover{ color:#dfb967;}

.dcxm{ float:left; width:1400px; height:221px; background:#f7f7f7; margin:20px 0px;}
.dcxm ul{ float:left; width:1400px; height:221px;}
.dcxm ul li{ float:left; width:auto; height:auto;}

.dcxm_head{ width:100%; height:115px; margin:0 auto; border-top:#d5ac5a 5px solid; background:url(../images/sub_14.jpg) no-repeat bottom right;}
.dcxm_head ul{ width:1400px; height:auto; margin:0 auto;}
.dcxm_head ul li{ float:left; width:1400px; height:auto;}

.dcxm_nav{ width:100%; height:50px; margin:0 auto; border-top:#d8d8d8 2px solid; background:#f7f7f7;}
.dcxm_nav ul{ width:720px; height:50px; margin:0 auto;}
.dcxm_nav ul li{ float:left; width:180px; height:50px;}
.dcxm_nav ul li a{ float:left; width:180px; height:50px; font-family:"微软雅黑"; font-size:18px; color:#999; line-height:50px;}
.dcxm_nav ul li a:hover{ color:#d5ac5a; font-weight:bolder;}
#dcxm_nav_current{ color:#d5ac5a; font-weight:bolder;}

.dcxm_xx{ float:left; width:1400px; height:auto;}
.dcxm_xx ul{ float:left; width:1400px; height:auto;}
.dcxm_xx ul li{ float:left; width:auto; height:auto;}
.dcxm_xx_c{ float:left; width:600px; height:auto;}
.dcxm_xx_c ul{ float:left; width:600px; height:auto;}
.dcxm_xx_c ul li{ float:left; width:600px; height:auto; border-bottom:#f9f8f8 1px solid; padding:19px 0px;}



.black12 { font-size:12px; font-family:"微软雅黑"; line-height:24px; color:#333333; text-decoration:none;}
a.black12:active{ color:#333333; text-decoration:none;}
a.black12:hover{ color:#dfb967; text-decoration:none;}

.black14 { font-size:14px; font-family:"微软雅黑"; line-height:30px; color:#333333; text-decoration:none;}
a.black14:active{ color:#333333; text-decoration:none;}
a.black14:hover{ color:#dfb967; text-decoration:none;}

.black141 { font-size:14px; font-family:"微软雅黑"; line-height:24px; color:#333333; text-decoration:none;}
a.black141:active{ color:#333333; text-decoration:none;}
a.black141:hover{ color:#dfb967; text-decoration:none;}

.black16 { font-size:16px; font-family:"微软雅黑"; line-height:24px; color:#333333; text-decoration:none;}
a.black16:active{ color:#333333; text-decoration:none;}
a.black16:hover{ color:#dfb967; text-decoration:none;}

.black18 { font-size:18px; font-family:"微软雅黑"; line-height:36px; color:#333333; text-decoration:none;}
a.black18:active{ color:#333333; text-decoration:none;}
a.black18:hover{ color:#dfb967; text-decoration:none;}



.black20-B { font-size:20px; font-family:"微软雅黑"; line-height:30px; color:#333333; text-decoration:none; font-weight:bolder;}
a.black20-B:active{ color:#333333; text-decoration:none;}
a.black20-B:hover{ color:#dfb967; text-decoration:none;}

.black24 { font-size:24px; font-family:"微软雅黑"; line-height:30px; color:#333333; text-decoration:none;}
a.black24:active{ color:#333333; text-decoration:none;}
a.black24:hover{ color:#dfb967; text-decoration:none;}

.black28 { font-size:28px; font-family:"微软雅黑"; line-height:30px; color:#333333; text-decoration:none;}
a.black28:active{ color:#333333; text-decoration:none;}
a.black28:hover{ color:#dfb967; text-decoration:none;}

.black28-B { font-size:28px; font-family:"微软雅黑"; line-height:30px; color:#333333; text-decoration:none; font-weight:bolder;}
a.black28-B:active{ color:#333333; text-decoration:none;}
a.black28-B:hover{ color:#dfb967; text-decoration:none;}

.black18-B { font-size:18px; font-family:"微软雅黑"; line-height:24px; color:#333333; text-decoration:none; font-weight:bolder;}
a.black18-B:active{ color:#333333; text-decoration:none;}
a.black18-B:hover{ color:#dfb967; text-decoration:none;}

.black40-B { font-size:40px; font-family:"微软雅黑"; line-height:44px; color:#333333; text-decoration:none; font-weight:bolder;}
a.black40-B:active{ color:#333333; text-decoration:none;}
a.black40-B:hover{ color:#dfb967; text-decoration:none;}

.blue20-B { font-size:20px; font-family:"微软雅黑"; line-height:24px; color:#135bbd; text-decoration:none; font-weight:bolder;}
a.blue20-B:active{ color:#135bbd; text-decoration:none;}
a.blue20-B:hover{ color:#dfb967; text-decoration:none;}

.blue18 { font-size:18px; font-family:"微软雅黑"; line-height:24px; color:#8ca4c6; text-decoration:none;}
a.blue18:active{ color:#8ca4c6; text-decoration:none;}
a.blue18:hover{ color:#dfb967; text-decoration:none;}

.gray14 { font-size:14px; font-family:"微软雅黑"; line-height:30px; color:#b4b4b4; text-decoration:none;}
a.gray14:active{ color:#b4b4b4; text-decoration:none;}
a.gray14:hover{ color:#dfb967; text-decoration:none;}

.gray141 { font-size:14px; font-family:"微软雅黑"; line-height:28px; color:#747474; text-decoration:none;}
a.gray141:active{ color:#747474; text-decoration:none;}
a.gray141:hover{ color:#dfb967; text-decoration:none;}

.gray142 { font-size:14px; font-family:"微软雅黑"; line-height:24px; color:#818080; text-decoration:none;}
a.gray142:active{ color:#818080; text-decoration:none;}
a.gray142:hover{ color:#dfb967; text-decoration:none;}

.gray18 { font-size:18px; font-family:"微软雅黑"; line-height:30px; color:#a1a1a1; text-decoration:none;}
a.gray18:active{ color:#a1a1a1; text-decoration:none;}
a.gray18:hover{ color:#dfb967; text-decoration:none;}

.red14 { font-size:14px; font-family:"微软雅黑"; line-height:30px; color:#e00202; text-decoration:underline;}
a.red14:active{ color:#e00202; text-decoration:none;}
a.red14:hover{ color:#dfb967; text-decoration:none;}

.gold28-B { font-size:28px; font-family:"微软雅黑"; line-height:30px; color:#c1913f; text-decoration:none; font-weight:bolder;}
a.gold28-B:active{ color:#c1913f; text-decoration:none;}
a.gold28-B:hover{ color:#dfb967; text-decoration:none;}

.gray38-B { font-size:38px; font-family:"微软雅黑";line-height:80px;color:#747474; text-decoration:none; font-weight:bolder;}
a.gray38-B:active{ color:#747474; text-decoration:none;}
a.gray38-B:hover{ color:#1ea6eb; text-decoration:none;}

.gray162 { font-size:16px; font-family:"微软雅黑"; line-height:34px; color:#919191; text-decoration:none;}
a.gray162:active{ color:#919191; text-decoration:none;}
a.gray162:hover{ color:#0068b6; text-decoration:none;}

.red36-B { font-size:36px; font-family:"微软雅黑"; line-height:40px; color:#e00202; text-decoration:none; font-weight:bolder;}
a.red36-B:active{ color:#e00202; text-decoration:none;}
a.red36-B:hover{ color:#dfb967; text-decoration:none;}

.gold28-B { font-size:28px; font-family:"微软雅黑"; line-height:30px; color:#c1913f; text-decoration:none; font-weight:bolder;}
a.gold28-B:active{ color:#c1913f; text-decoration:none;}
a.gold28-B:hover{ color:#dfb967; text-decoration:none;}

.red18 { font-size:18px; font-family:"微软雅黑"; line-height:36px; color:#e00202; text-decoration:none;margin-right:8px;}
a.red18:active{ color:#e00202; text-decoration:none;}
a.red18:hover{ color:#dfb967; text-decoration:none;}




/*导航*/
#menu { width:auto; height:30px; z-index:1000; display:block; float:left; margin-top:25px;}
#nav {display:block;}
#nav .mainlevel {float:left; width:auro; height:30px; text-align:center; display:block;}
#nav .mainlevel a {color:#ffffff; text-decoration:none; height:30px; line-height:30px; text-align:center; font-size:16px; display:block; width:auto; padding:0px 32px; font-family:"微软雅黑"; font-weight:bolder;}
#nav .mainlevel a:hover { text-decoration:none; width:auto; font-size:16px; font-weight:bolder; color:#dfb967; text-align:center;}
#nav .mainlevel ul {position:absolute; width:auto; height:auto; background:rgba(255,189,107,0.3); display:none; *width:2000px; margin-left:-117px;/*IE is great need, width>=li.length*/}
#nav .mainlevel ul.sub_nav_01{z-index:10000;}
#nav .mainlevel li {float:left; width:115px; line-height:40px; height:auto;}
#nav .mainlevel li a {float:left; line-height:40px; width:115px; height:auto; display:block; font-weight:100; padding:0px; color:#FFF; font-size:14px;}
#nav .mainlevel li a:hover {color:#ffffff; text-decoration:none; background:#dfb967; width:115px; font-weight:100; font-size:14px;}
#nav li a em/*input an em tag as a space*/ {padding:0 3px;}
.note { display:block;}
#nav_dq{ text-decoration:none; width:auto; font-size:16px; font-weight:bolder; color:#dfb967; text-align:center;}



/*子页导航*/
#menu1 { width:auto; height:106px; z-index:1000; display:block; float:left;}
#nav1 {display:block;}
#nav1 .mainlevel {float:left; width:108px; height:106px; text-align:center; display:block;}
#nav1 .mainlevel a {color:#333333; text-decoration:none; height:106px; line-height:106px; text-align:center; font-size:16px; display:block; width:108px; font-family:"微软雅黑"; font-weight:bolder;}
#nav1 .mainlevel a:hover { text-decoration:none; width:auto; font-size:16px; font-weight:bolder; color:#ffffff; background:#d5ac59; text-align:center;}
#nav1 .mainlevel ul {position:absolute; width:auto; height:auto; background:#e6c787; display:none; *width:2000px;/*IE is great need, width>=li.length*/}
#nav1 .mainlevel ul.sub_nav_01{z-index:10000;}
#nav1 .mainlevel li {float:left; width:108px; line-height:40px; height:auto;}
#nav1 .mainlevel li a {float:left; line-height:40px; width:108px; height:auto; display:block; font-weight:100; padding:0px; color:#FFF; font-size:14px;}
#nav1 .mainlevel li a:hover {color:#ffffff; text-decoration:none; background:#dfb967; width:108px; font-weight:100; font-size:14px;}
#nav1 li a em/*input an em tag as a space*/ {padding:0 3px;}
.note { display:block;}
#nav1_dq{ text-decoration:none; width:auto; font-size:16px; font-weight:bolder; color:#ffffff; background:#d5ac59; text-align:center;}




/*banner滚动*/
#full-screen-slider { width:100%; height:945px; margin:0 auto; position:relative; z-index:10;}
#slides { display:block; width:100%; height:945px; list-style:none; padding:0; margin:0; position:relative;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
/*
#pagination { display:block; list-style:none; position:absolute; left:47%; top:515px; z-index:9900;  padding:5px 15px 5px 0; margin:0;}
#pagination li { display:block; list-style:none; width:15px; height:15px; float:left; margin-left:10px; border-radius:10px; background:#FFF;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#1073f9;}



/*首页核心业务*/
.lvList{float:left; width:735px;height:auto;position:relative;}
.lvList .scrollcontainer ul li{ float:left; width:815px; height:auto; position:relative; margin-right:1px; position:relative; margin-top:30px;}


.lvList .scrollcontainer{
	width:815px;
	height:360px;
	overflow:hidden;
	position:relative;
	margin-left:0px;
	
}
.lvList .scrollcontainer ul{
	width:20000px;
	position:absolute;
	left:0px;
	top:0px;
}

a.abtn{
	position:absolute;
	display:block;
	height:40px;
	width:40px;
	overflow:hidden;
	text-indent:-20000px;
}



a.aleft{
	top:3px;
	right:-30px;
	background:url(../images/left_arrow.jpg) no-repeat;background-position:0px center;
}
a.agrayleft{
	cursor:default;
	background:url(../images/left_arrow.jpg) no-repeat;background-position:1px center;
}
a.aright{
	top:3px;
	right:-80px;
	background:url(../images/right_arrow.jpg) no-repeat;background-position:0px center;
}

a.agrayright{
	cursor:default;
	background:url(../images/right_arrow.jpg) no-repeat;background-position:0px center;
}
.picBut {background:url("../../statics/images/admin_img/picBnt.png") no-repeat 0 -28px;color:#FFF;float:left; text-align:center;font-weight:700;height:28px;line-height:26px;*line-height:30px;margin-right:10px;width:75px}
.picBut a{color:#fff;text-decoration: none; width:75px; height:28px;display:inline-block;zoom:1;*display:inline;}

/*首页核心业务图片放大*/
.previewbox{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;background-color:rgba(0,0,0,.8);z-index:9999}
.previewbox .preview-header{position:absolute;top:0;left:0;width:100%;height:50px}
.previewbox .preview-header .preview-indicator{display:block;line-height:28px;color:#fff;text-align:center;margin:10px auto;width:68px;background-color:rgba(0,0,0,.4);border-radius:12px;font-size:16px}
.previewbox .preview-content{font-size:0;position:relative;white-space:nowrap;height:100%}
.previewbox .preview-content .content-item{font-size:14px;position:relative;display:inline-block;width:100%;height:100%;vertical-align:top;white-space:normal}
.previewbox .preview-content .content-item .content-item-scroller{position:absolute;display:flex;align-items:center;justify-content:center;left:0;right:0;bottom:0;top:0;width:100%;height:100%;margin:0}
.previewbox .preview-content .content-item .content-item-scroller .toggle-left{position:absolute;top:50%;left:10px;width:38px;z-index:10000;color:#fff;cursor:pointer;font-size:22px;text-align:center;display:block}
.previewbox .preview-content .content-item .content-item-scroller .toggle-right{position:absolute;top:50%;right:10px;width:38px;z-index:10000;color:#fff;cursor:pointer;font-size:22px;text-align:center;display:block}


/* 分页 */
#pages {float:left;margin-top:20px;text-align:center; padding:0px;width:100%; font-family:"等线",Verdana; }
#pages a { display:inline-block; height:25px; line-height:25px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:25px; line-height:25px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:25px; line-height:25px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

.category{background:url(../images/bszn_02.jpg) #f9f9f9 no-repeat; border-top:1px solid #e5e3e3;border-bottom:1px solid #e5e3e3; height:30px;line-height:30px;}
.showcontent{font-size:16px;}
.showcontent img{max-width:1000px;margin:15px auto;}
.showcontent a{color:#0179c7; text-decoration:none;}

.showcontent table,td{
    /*边框合并*/
    border-collapse: collapse;
    border: 1px solid #000;
}

.hide{display:none;padding:15px;}

.gallery{float:left;width:920px;margin-top:20px;margin-bottom:0px;}
.gallery li{float:left;width:220px;height:150px;}
.gallery li  img{float:left;width:220px;height:140px;border-radius:5px;-webkit-box-shadow: 3px 3px 6px #666;  -moz-box-shadow: 3px 3px 6px #666;  box-shadow: 3px 3px 6px #666;}

/*首页举报弹窗*/
.winbox{ display: none; position: fixed; width: 100%; height: 100%; z-index: 9999;}
.winbox-content{ position: absolute; left:calc(50% - 408px); top:calc(50% - 140px); width: 815px; height: 250px; border:solid 15px rgba(4,71,118,.6); background: #fff;}
.winbox-content a{ display: block; float: left;  margin: 60px 0 0 30px; }
.winbox-content span{ display: block; width: 24px; height: 24px; background: url(../images/closebtn.png) no-repeat; margin: 215px 0 0 780px; cursor: pointer;}
.winbox-content span:hover{ background-position: right;}
.winbox-mask{ width: 100%; height: 100%; background: rgba(0,100,200,.6);}



/*地产项目内容焦点图*/
.clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.icon-arrow-a-left, .icon-arrow-a-right { background: url(../images/icon-sd26986d847.png) no-repeat; }
.icon-arrow-a-left { background-position: 0 0; height: 50px; width: 50px; }
    .icon-arrow-a-left:hover, .icon-arrow-a-left.arrow-a-left_hover, .icon-arrow-a-left.arrow-a-left-hover { background-position: -60px 0; }
.icon-arrow-a-right { background-position: -120px 0; height: 50px; width: 50px; }
    .icon-arrow-a-right:hover, .icon-arrow-a-right.arrow-a-right_hover, .icon-arrow-a-right.arrow-a-right-hover { background-position: -180px 0; }
  
#main {overflow: hidden; zoom: 1; position: relative;}
#index_b_hero { width: 1410px; height: 510px; margin: auto; position: relative; }
    #index_b_hero img { width: 1400px; height: 500px;}
    #index_b_hero .heros { width: 1410px; height: 510px; }
    #index_b_hero .hero-wrap { overflow: visible; position: absolute; }
    #index_b_hero .next, #index_b_hero .prev { filter: alpha(Opacity=70); opacity: .7; position: absolute; top: 47%; margin-top: -25px; margin-left: 5px; background-color: #303030; z-index: 3; }
        #index_b_hero .next:hover, #index_b_hero .prev:hover { background-color: orangered; }
    #index_b_hero .next { margin: -25px 5px 0 0; right: 0; }
    #index_b_hero .disabled { background-color: #eee; }
    #index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero { background: #fff; padding: 0px 5px; z-index: 1; position: absolute; top: 0; left: 0; width: 1400px; height: 500px; overflow: hidden; left: 1920px; }
    #index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 4; left: -1410px; filter: alpha(Opacity=50); opacity: .5; background: #fff; overflow: hidden; }
    #index_b_hero .mask-right { left: 1410px; }
    #index_b_hero .active { z-index: 2; left: 0; }



@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}


.sb-search {
	position: absolute;
	margin-top: 0px;
	top: 20px;
	right: 80px;
	width: 0%;
	min-width: 45px;
	height: 45px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #ede6e6;
	width: 300px;
	height: 45px;
	margin: 0;
	z-index: 10;
	padding: 10px 55px 10px 20px;
	font-family: "微软雅黑";
	font-size: 18px;
	color: #666;
}

.sb-search-input::-webkit-input-placeholder {
	color: #666;
}

.sb-search-input:-moz-placeholder {
	color: #666;
}

.sb-search-input::-moz-placeholder {
	color: #666;
}

.sb-search-input:-ms-input-placeholder {
	color: #666;
}

.sb-icon-search,
.sb-search-submit  {
	width: 45px;
	height: 45px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 45px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	background: #e67e22;
	z-index: 90;
	font-size: 20px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
	content: "\e000";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #da6d0d;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}